<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<script type="text/javascript">
		PrimeFaces.locales['pt_BR'] = {
			closeText : 'Fechar',
			prevText : 'Anterior',
			nextText : 'Próximo',
			currentText : 'Começo',
			monthNames : [ 'Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio',
					'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro',
					'Novembro', 'Dezembro' ],
			monthNamesShort : [ 'Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun',
					'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez' ],
			dayNames : [ 'Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta',
					'Sexta', 'Sábado' ],
			dayNamesShort : [ 'Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb' ],
			dayNamesMin : [ 'D', 'S', 'T', 'Q', 'Q', 'S', 'S' ],
			weekHeader : 'Semana',
			firstDay : 1,
			isRTL : false,
			showMonthAfterYear : false,
			yearSuffix : '',
			timeOnlyTitle : 'Só Horas',
			timeText : 'Tempo',
			hourText : 'Hora',
			minuteText : 'Minuto',
			secondText : 'Segundo',
			currentText : 'Data Atual',
			ampm : false,
			month : 'Mês',
			week : 'Semana',
			day : 'Dia',
			allDayText : 'Todo Dia'
		};
	</script>
</h:head>
<h:body>

	<h:outputStylesheet library="css" name="estilo.css" />

	<h:panelGroup rendered="#{sessaoMB.usuario.administrador}">

		<f:view>
			<ui:include src="../topo.xhtml"></ui:include>
		</f:view>
		<div class="container">
			<div class="navegacao">
				&nbsp;&nbsp;&nbsp; Inicio > Reserva > Reserva Equipamento
			</div>

			<div class="conteudo">
				<div class="centralizar">
					<div class="formCad">
						<h:outputText value="EFETUAR RESERVA"></h:outputText>
						<h:form id="form">
							<p:growl showDetail="true"></p:growl>
							<h:outputLabel value="Curso &nbsp;"></h:outputLabel>
							<h:selectOneMenu value="#{cadastroReservaMB.codigoCurso}">
								<f:selectItem id="item6" itemLabel=" .:   Selecione   :. "
									itemValue="" />
								<f:selectItems value="#{cadastroReservaMB.listaDeCursos}"
									var="curso" itemValue="#{curso.codigo}"
									itemLabel="#{curso.nome}" itemDisabled="#{!curso.ativo}" />
								<p:ajax event="change" update="form:equipamento"
									listener="#{cadastroReservaMB.carregarListaDeEquipamentos}"></p:ajax>
							</h:selectOneMenu>

							<p>&nbsp;</p>

							<h:outputLabel value="Equipamento &nbsp;"></h:outputLabel>
							<h:selectOneMenu value="#{cadastroReservaMB.codigoEquipamento}" id="equipamento">
								<f:selectItem itemLabel=" .:   Selecione   :. " itemValue="" />
								<f:selectItems value="#{cadastroReservaMB.listaDeEquipamentos}"
									var="equipamento"
									itemValue="#{equipamento.equipamentoPorCuso_PK.equipamento.codigo}"
									itemLabel="#{equipamento.equipamentoPorCuso_PK.equipamento.nome}" />
							</h:selectOneMenu>

							<p>&nbsp;</p>

							<p:calendar value="#{cadastroReservaMB.dataReserva}"
								pattern="dd/MM/yyyy hh:mm:ss a" minHour="19" maxHour="21"
								stepSecond="60" stepMinute="0" stepHour="1"
								mindate="#{parametrosMB.minDate}"
								maxdate="#{parametrosMB.maxData}" styleClass="dateTimeField"
								effect="explode" effectDuration="slow" />

							<p>&nbsp;</p>

							<p:commandButton value="Cadastrar"
								actionListener="#{cadastroReservaMB.cadastrar}" update="form"></p:commandButton>
						</h:form>
					</div>
				</div>
			</div>
		</div>

		<div class="rodape">
			<ui:include src="/rodape.xhtml"></ui:include>
		</div>
	</h:panelGroup>
</h:body>
</html>